// APP HEADER

#header{
	height: $headerHeight;
	width: 100%;
	display: table;
	text-align: center;
}

#header.offline{
	background-color: $offlineColor;
}

#header.online{
	background-color: $onlineColor;
}

#header > div{
	display: table-cell;
	vertical-align: middle;
	width: 29%;
}
#header > div:nth-child(2){
	width: 42%;
}

#header #title{
	color: $white;
	font-size: 2rem;
	cursor: pointer;
}

#header .headerButtons{
	color: #C8C8C8;
}
#header .headerButtons > div{
	font-size: 1.6rem;
	cursor: pointer;
}
#header #leftHeaderButtons > div{
	float: right;
}
#header #leftHeaderButtons div:first-child{
	margin-left: 1.3rem;
}
#header #rightHeaderButtons > div{
	float: left;
}
#header #rightHeaderButtons div:last-child{
	margin-left: 3rem;
}

#header #headerNewMatch{
	line-height: 3rem;
}